localStorage 瀏覽器資料儲存

1. localStorage 為一唯讀屬性, 此屬性允許您存取目前文件(Document)隸屬網域來源的 Storage 物件; 與 sessionStorage 不同的是其儲存資料的可存取範圍為跨瀏覽頁狀態(Browser Sessions).
2. localStorage 的應用與 sessionStorage 相似, 除了 localStorage 的儲存資料並無到期的限制, 而 sessionStorage 的儲存資料於目前瀏覽頁狀態結束的同時將一併被清除 — 也就是目前瀏覽器頁面被關閉的同時.
3. 網頁製作時經常運用在"曾經點選過的物件紀錄"

<h1>姓名</h1>
<input type="text" class="textClass">
<input type="button" class="btnClass" value="點擊">
<input type="button" class="btnCall" value="呼叫">

const btn = document.querySelector('.btnClass');
const call = document.querySelector('.btnCall');

function saveName(e){
  const str = document.querySelector('.textClass').value;
  localStorage.setItem('myName', str);
}

btn.addEventListener('click', saveName);
call.addEventListener('click', function(){
  const str = localStorage.getItem('myName');
  alert('姓名:'+str);
})

今天就到這邊結束了。